<template>
	<div class="index">
		<homehead class="homeheader"></homehead>
		<div class="main">
			<router-view></router-view>
		</div>

	</div>
</template>

<script>
import homehead from '../components/common/Header.vue'
// @ is an alias to /src

export default {
	name: 'Index',
	components: {
		homehead
	},
	data() {
		return {

		}
	},
	methods: {

	}
}
</script>
<style scoped="scoped">
.homeheader {
	width: 100%;
	max-height: 50px;
	height: auto;
	min-width: 1200px;
}

body {
	margin: 0;
	padding: 0;
}

.main {
	height: 100% auto;
	padding-bottom: 20px;
	flex:1;
	background-color: rgba(252, 252, 252, 0.849);
}

.index {
	height: 100vh;
	display: flex;
	flex-direction: column;
}
</style>
